<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/logo.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 通过 vite-plugin-html 注入的变量 -->
    <title>foolishflyfox后台</title>
  </head>
  <body>
    <div id="app">
      <div class="app-loading">
        <img class="app-loading_logo" src="/logo.svg" />
        <div class="app-loading__dot-wrapper">
          <div class="app-loading__dot">
            <i class="left top"></i>
            <i class="left bottom delay-400"></i>
            <i class="right top delay-800"></i>
            <i class="right bottom delay-1200"></i>
          </div>
        </div>
        <h2 class="app-loading_title">Foo 后台管理系统</h2>
        <style>
          @import '/resource/loading.css';
        </style>
      </div>
    </div>
    <!-- todo 20210818 暂不理解该行用途 -->
    <!-- <div id="naiveApp" style="display: none"></div> -->
    <script type="module" src="/src/main.ts"></script>
  </body>
</html>
